<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label=""><Row>
	<i-col span="11">
	<FormItem prop="idMin">
	<InputNumber v-model="searchForm.idMin" placeholder="请输入开始" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="idMax">
	<InputNumber v-model="searchForm.idMax" placeholder="请输入结束" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="图文店"><Row>
	<i-col span="11">
	<FormItem prop="graphicIdMin">
	<InputNumber v-model="searchForm.graphicIdMin" placeholder="请输入开始图文店" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="graphicIdMax">
	<InputNumber v-model="searchForm.graphicIdMax" placeholder="请输入结束图文店" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="纸张类型" prop="zzlx" label-for="zzlx">
	<Input v-model="searchForm.zzlx" element-id="zzlx" placeholder="请输入纸张类型" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="颜色" prop="ys" label-for="ys">
	<Input v-model="searchForm.ys" element-id="ys" placeholder="请输入颜色" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="单双面" prop="dsm" label-for="dsm">
	<Input v-model="searchForm.dsm" element-id="dsm" placeholder="请输入单双面" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="价格"><Row>
	<i-col span="11">
	<FormItem prop="priceMin">
	<InputNumber v-model="searchForm.priceMin" placeholder="请输入开始价格" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="priceMax">
	<InputNumber v-model="searchForm.priceMax" placeholder="请输入结束价格" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="装订" prop="zhuangding" label-for="zhuangding">
	<Input v-model="searchForm.zhuangding" element-id="zhuangding" placeholder="请输入装订" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="缩印" prop="suoyin" label-for="suoyin">
	<Input v-model="searchForm.suoyin" element-id="suoyin" placeholder="请输入缩印" clearable/>
</FormItem>
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    import * as utils from '@/api/utils-v2'
    import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'GraphicLinkSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
                urls: {
                    searchUrl: '/graphic-link/admin/pager-cond'
                },
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    id: null,
idMin: null, 
idMax: null, 
graphicId: null,
graphicIdMin: null, 
graphicIdMax: null, 
zzlx: null,
ys: null,
dsm: null,
price: null,
priceMin: null, 
priceMax: null, 
zhuangding: null,
suoyin: null,

                },
                dataDictCodes: ['IS_ACTIVE'],
                dataDictItems: {},
            }
        },
        computed: {},
        mounted() {},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>